<template>
  <!--组件结构-->
  <div class="Student">
      <h1>学生名字：{{studentName}}</h1>
      <h1>学生年龄：{{studentage}}</h1>
    </div>
</template>
<script>
//export default Vue.extend({...}) 可以简写export default {}
export default {
//组件交互
  name:"Student",
  data(){
    return{studentName:"陶品奇", studentage:22,}

  }
}
</script>
<style>
/*组件样式*/
h1{
  color: brown;
}
</style>
